<template>
    <div class="box-view">
                <el-form ref="formName" label-width="90px">
                    <el-form-item label="安检名称:" style="width:300px">
                        <el-input size="mini"  placeholder="请输入内容"></el-input>
                    </el-form-item>
                    <el-form-item label="安检员:" style="width:300px">
                        <el-select size="mini"  placeholder="请选择">
                            <el-option
                            v-for="item in []"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="安检周期:" style="width:300px">
                        <el-select size="mini"  placeholder="请选择">
                            <el-option
                            v-for="item in []"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-form>

              <div style="font-size:16px;padding:10px 0;text-align: left;">安检范围</div>
              <el-table
                :data="tableData"
                border
                :header-cell-style="{background:'#F0F1F6',color:'#333'}"
                style="width: 100%;">
                <el-table-column         
                    prop="name" 
                     align="center"
                    label="姓名"
                   />
                 <el-table-column         
                    prop="name" 
                     align="center"
                    label="电话"
                   />
                    <el-table-column         
                    prop="name" 
                     align="center"
                    label="客户类型"
                   />
                   <el-table-column         
                    prop="name" 
                     align="center"
                    label="区域"
                   />
                   <el-table-column         
                    prop="name" 
                     align="center"
                    label="小区名称"
                   />
                   <el-table-column         
                    prop="name" 
                     align="center"
                    label="楼栋"
                   />
                   <el-table-column         
                    prop="name" 
                     align="center"
                    label="单元"
                   />
                   <el-table-column         
                    prop="name" 
                     align="center"
                    label="门牌号"
                   />
                   <el-table-column         
                    prop="name" 
                     align="center"
                    label="户号"
                   />
                   <el-table-column         
                    prop="name" 
                     align="center"
                    label="气表表号"
                   />
            </el-table>
              <el-form ref="formName" label-width="60px" style="margin-top:20px">
             <el-form-item label="备注:" style="width:500px">
                        <el-input
                type="textarea"
                :rows="3"
                placeholder="请输入内容">
                </el-input>
                    </el-form-item>
              </el-form>
            
            <span  slot="footer" class="dialog-footer">
                <el-button type="primary" @click="innerVisible = true">保存</el-button>
                <el-button @click="outerVisible = false">取 消</el-button>
            </span >
    </div>
</template>
<script>
  export default {
    data() {
      return {
       tableData:[]
      };
    },
    methods: {

    }
  }
</script>
<style scoped>
.el-form{
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
}
.el-form-item__label{
    color: #666;
    font-weight: normal;
}
.box-view{
    text-align: center;
}
</style>